.student-list-container {
    text-align: center;
}

ul {
    list-style-type: none;
    padding: 0;
}

.student-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.student-item img {
    margin-right: 10px;
}

.student-item.selected {
    background-color: #008000;
}

.raffle-button {
    background-color: #333;
    /* 黑色背景 */
    color: #fff;
    /* 白色文字 */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    /* box-shadow 效果 */
    transition: all 0.3s ease;
    /* 添加过渡效果 */
}

.raffle-button:hover {
    background-color: #6d6969;
    /* 悬停时更浅的黑色 */
    box-shadow: 0 0px 8px rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    transform: translateY(-2px);
    /* 悬停时更大的阴影 */
}

.raffle-button:active {
    background-color: #555;
    /* 点击时更浅的黑色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    /* 点击时更小的阴影 */
}